<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>website_name</title>
  <link rel="stylesheet" href="./core/lib/normalize.min.css">
  <link rel="stylesheet" href="./core/lib/grid.css">

  <script defer src="./core/lib/vconsole.min.js"></script>
  <script defer src="./core/lib/qs.min.js"></script>
  <script defer src="./core/lib/axios.min.js"></script>
  <script defer src="./core/lib/gsap/gsap.min.js"></script>

  <link rel="stylesheet" href="./core/lib/swiper/swiper-bundle.min.css">
  <script defer src="./core/lib/swiper/swiper-bundle.min.js"></script>

  <!-- https://gitee.com/snwjas/message.js -->
  <link rel="stylesheet" href="./core/lib/message/index.min.css">
  <script defer src="./core/lib/message/index.min.js"></script>
  <!-- https://gitee.com/snwjas/message.js -->

  <!-- https://fengyuanchen.github.io/viewerjs/ -->
  <link rel="stylesheet" href="./core/lib/previewImages/index.min.css">
  <script defer src="./core/lib/previewImages/index.min.js"></script>
  <!-- https://fengyuanchen.github.io/viewerjs/ -->

  <link rel="stylesheet" href="./core/css/global.css">
  <link rel="stylesheet" href="./core/css/form.css">

  <script defer src="./core/js/global.js"></script>

  <script defer src="./js/api.js"></script>
</head>
<body>
  <!-- page-header-wrap -->
  <header class="page-header-wrap">
    <h1 class="logo-wrap"><a href="/">website_name</a></h1>
  </header>
  <!-- page-header-wrap -->

  <section id="app">
    <!-- pc -->
    <section class="main pc"></section>
    <!-- pc -->

    <!-- mobile -->
    <section class="main mobile"></section>
    <!-- mobile -->
  </section>

  <!-- page-footer-wrap -->
  <footer class="page-footer-wrap">
    <div class="container">

    </div>
  </footer>
  <!-- page-footer-wrap -->
</body>
</html>